gusucode.com > 蓝色网络公司模板 网络建站工作室网站源码（demo71） > 蓝色网络公司模板 网络建站工作室网站源码（demo71）/www2/templets/css/layout.css

    @charset "utf-8";
/* CSS Document */

body {
	background-color:#fafafa;
	font-size:14px;
	color:#333;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	line-height:18px;
}
input,textarea,select,option{
	font-size:12px;
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	color:#333;}
a:link, a:visited {
	color:#333;
	text-decoration:none;
}
a:hover, a:active {
	color:#0074ad;
}
.wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.top, .menu, .footer, .footer-bottom {
	min-width:1000px;
	width:100% !important;
}
.white{
	color:#fff;
}
.yellow{
	color:#f8f259;
}
.blue{
	color:#0074ad;
}
.red{
	color:#F00;
}

/*top*/
.top {
	background:url(../images/top_bg.jpg) top repeat-x #fefefe;
	height:84px;
}
.top .wrapper {
	position:relative;
}
.top .logo {
	margin-top:8px;
}
.top .top-mess {
	background:url(../images/top_mess_img.jpg) no-repeat;
	width:243px;
	height:65px;
	position:absolute;
	right:0;
	top:8px;
}
/*menu*/
.menu {
	background:url(../images/menu_bg.jpg) top repeat-x;
	height:45px;
	line-height:45px;
	font-size:14px;
}
.menu li {
	float:left;
	width:100px;
	height:45px;
	text-align:center;
}
.menu a:link, .menu a:visited {
	display:block;
	background:url(../images/menu_line.jpg) right center no-repeat;
}
#index .menu li.home,#index .menu li.home a:link,#index .menu li.home a:visited,.menu li.current a:link, .menu li.current a:visited, .menu a:hover, .menu a:active {
	color:#fff;
	font-weight:bold;
	background:url(../images/menu_hover_bg.jpg) center center no-repeat;
}
/*banner*/
.banner {
	background:url(../images/banner_bg.jpg);
}
.banner .wrapper {
	background:url(../images/banner_img.jpg);
	position:relative;
	height:328px;
	overflow:hidden;
	line-height:normal;
}
.banner .wrapper ul li{
	width:1000px;
	height:308px;
	position:absolute;
	left:1000px;
	top:50px;
	opacity:0;
	filter:alpha(opacity:0);
}
.banner .wrapper ol{
	position:absolute;
	bottom:20px;
	right:0;
}
.banner .wrapper ol li{
	float:left;
	margin-left:10px;
	width:14px;
	height:14px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:15px;
	cursor:pointer;
	background-color:#8adaff; 
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.banner .wrapper ol li.current{
	background-color:#0074ad;
}
.banner-btn{
	width:140px;
	height:40px;
	background:url(../images/banner-btn-bg.jpg) top repeat-x #0074ad;}
.banner-btn a:link,.banner-btn a:visited{
	display:block;
	padding-left:20px;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	background:url(../images/banner-btn-icon.png) 100px center no-repeat;
	color:#fff;
}
.banner-btn img{
	vertical-align:middle;
}


.banner .other-banner.wrapper{
	background:url(../images/banner_img2.jpg);
	height:200px;
}
/*main*/
.main {
}
.main-content {
	float:left;
	width:730px;
}
.main-title {
	height:40px;
	clear:both;
}
.service-box li {
	width:220px;
	height:160px;
	float:left;
	margin-bottom:20px;
	text-align:center;
	cursor:pointer;
	text-align:center;
}
.service-box li a:link, .service-box li a:visited {
	padding-top:30px;
	height:130px;
	display:block;
	background:url(../images/service_icon_bg.jpg) center top no-repeat;
}
.service-box li a:hover, .service-box li a:active {
	background-position:center -160px;
	font-weight:bold;
}
.service-box li a:hover img, .service-box li a:active img {
	width:70px;
}
.service-box span {
	display:block;
	font-size:18px;
	margin-top:10px;
}
.success-box li {
	float:left;
	width:210px;
	border:5px solid #e8e8e8;
}
.main-side {
	width:240px;
	float:right;
}
.tailor-made {
	background:url(../images/tailor-made_bg.jpg) top center;
	height:330px;
	padding-top:80px;
	width:210px;
	padding-left:5px;
	padding-right:25px;
}
.tailor-made li {
	height:80px;
	white-space:nowrap;
}
.tailor-made li img {
	vertical-align:middle;
	margin-right:10px;
}
.tailor-made li a:link, .tailor-made li a:visited {
	display:block;
	height:44px;
	line-height:44px;
	font-size:18px;
	padding:18px 20px 18px 60px;
	background:url(../images/t_made_bg.jpg) 10px top no-repeat;
}
.tailor-made li a:hover, .tailor-made li a:active {
	background-position:10px -80px;
	font-weight:bold;
	padding:20px 20px 16px 60px;
}
.news-side li {
	font-size:12px;
	height:28px;
	line-height:28px;
	_height:18px;/*IE6*/
	_padding:5px 0;
 #height:18px;/*IE7*/
 #padding:5px 0;
	overflow:hidden;
}

.other-title{
	background:url(../images/title_line.jpg) center repeat-x;
	position:relative;
	height:40px;
	line-height:40px;
}

.other-title span.cn{
	font-size:18px;
	font-weight:bold;
	padding-right:10px;
	display:inline-block;
	background-color:#fafafa;
}
.other-title span.en{
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	display:inline-block;
	background-color:#fafafa;
	padding-right:10px;
}
/*news*/
.main-news .news-list {
	font-size:12px;
	float:left;
	width:306px;
}
.news-list dt {
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	height:30px;
	line-height:30px;
}
.news-list dd,.main-news-list li{
	height:36px;
	line-height:36px;
	border-bottom:1px dashed #ccc;
	overflow:hidden;
	_height:18px;/*IE6*/
	_padding:9px 0;
 #height:18px;/*IE7*/
 #padding:9px 0;
}
.news-list dd img, .news-list dt img, .news-side li img,.main-news-list li img {
	vertical-align:middle;
	margin-right:10px;
	display:inline-block;
}

dl.s-list{
	border-bottom:1px dashed #ccc;
	line-height:22px;
	padding-bottom:20px;
}
dl.s-list dt{
}
dl.s-list dd{
	width:700px;
}

.success-list li{
	float:left;
	margin-right:35px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.success-list li img{
	width:200px;
	height:110px;
	padding:3px;
	border:1px dashed #ccc;
}
.success-list li span{
	font-size:12px;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
.contact-list li{
	padding:5px 0;
}
.contact-list li span{
	display:inline-block;
	width:10%;
	text-align:right;
	font-weight:bold;
}

/*footer*/
.footer a:link,.footer a:visited,.footer-bottom a:link,.footer-bottom a:visited{
	color:#fff;
}
.footer {
	background:url(../images/footer_bg.jpg);
	color:#bbb;
	font-size:12px;
	position:relative;
	clear:both;
	border-bottom:1px solid #121212;
}
.footer-top {
	background:url(../images/footer_top_bg.jpg) top repeat-x;
	height:10px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.footer-contact {
	float:left;
	width:680px;
	position:relative;
}
.footer-contact .map {
	position:absolute;
	top:60px;
	right:0;
	border:4px solid #444;
}
.footer-contact .footer-contact-mess li {
	padding:6px 0;
}
.footer-contact .footer-contact-mess li span {
	text-align:right;
	display:inline-block;
	width:60px;
	color:#fff;
}
.footer-feedback {
	width:280px;
	float:right;
}
.footer-feedback ul li {
	margin-bottom:10px;
}
.footer-feedback ul li textarea {
	height:100px;
	width:100%;
}
.footer-feedback ul li input[type='text'] {
	width:100%;
}
.footer-btn{
	height:26px;
	line-height:26px;
	padding:0 8px;
	background:url(../images/btn_bg.jpg) repeat-x;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border:none;
}
.footer-bottom {
	color:#bbb;
	font-size:12px;
	clear:both;
	border-top:1px solid #2a2a2a;
	background-color:#000;
	padding:10px 0;
	text-align:center;
}
.caselist{
width:243px;
height:192px;
float:left;
}
.caselist dt,.caselist dd{ width:208px; margin:0 auto;}
.caselist dt img{border:4px #e0e0e0 solid;}
.caselist dd{ line-height:30px;}
.caselist dd span{ float:right;}
.caselist dd span a{color:#993300;}
.page_list {
    clear: both;
    height: 30px;
    line-height: 30px;
    padding-top: 25px;
    text-align: center;
    width: auto;
	list-style: none outside none;
}
.page_list li {
    border: 1px solid #9FA0A0;
    border-radius: 2px;
    color: #FF6600 !important;
    display: inline;
    margin: 2px;
    padding: 3px 6px;
	list-style-type: none;
}